<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--[if lt IE 9]>
    <script src="jquery-1.9.0.js"></script>
<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="../js/jquery-3.1.1.js"></script>
		<!--<![endif]-->
		<script type="text/javascript">
			$(document).ready(function() {
				$("p:nth-child(3)").css("background-color", "yellow");
				$("p:nth-last-child(3)").css("background-color", "red");
			}); //:nth-child(n) 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素。
		</script>
	</head>

	<body>
		<h1>body 中的标题</h1>
		<p>body 中第一个段落。</p>
		<p>body 中第二个段落（body 的第三个子元素）。</p>

		<div style="border:1px solid;">
			<span>div 中的一个 span 元素。</span>
			<p>div 中第一个段落。</p>
			<p>div 中第二个段落（div 的第三个子元素）。</p>
			<p>div 中的最后一个段落。</p>
		</div><br>

		<div style="border:1px solid;">
			<p>另一个 div 中第一个段落。</p>
			<p>另一个 div 中第二个段落。</p>
			<p>另一个 div 中的最后一个段落（div 的第三个子元素）。</p>
		</div>

		<p>body 中最后一个段落。</p>

	</body>

</html>